@charset "utf-8";
/* CSS Document */
html{
	height:100%;
}body{
	
	font-size:14px;
}
*{
	margin:0px;
	padding:0px;}
a{
	cursor:pointer;}
li{
	list-style:none;}
img{
	border:0px;}
input{
	border:0px;}
.content{
	width:100%;
	margin:0 auto;}
.right{
	position: absolute;
	left: 251px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.left{
	width:207px;
	height:100%;
	border-right:1px #CCCCCC solid;}
.bts{
	width:100%;
	height:42px;
	text-align:center;
	padding-top:10px;}
#form{
	width:100%;
	height:34px;}
.bt{
	width:88px;
	height:34px;
	color:#FFF;
	font-size:16px;
	cursor:pointer;}
.lianxi{
	width:100%;
}
.nav{
	position:relative;
	width:100%;
	margin-bottom:0px;
}
.nav.firstnav{
    border-top:1px solid #ccc;
}
.nav.secondnav{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.nav.thirdnav{
    border-bottom:1px solid #ccc;
}
.nav span{
	position:absolute;
	top:10px;
	left:20px;
	}
.nav a{
	padding-left:25px;
	text-decoration:none;
	display:block;
	text-align:left;
	line-height:43px;
	color:#000;
	font-size:14px;
	cursor: pointer;
}
.nav ul li{
    background: #f8f8f8;
    border-top: 1px solid #DDD;
}
.nav ul li a{
	display:block;
	background-color:#F8F8F8;
    text-decoration:none;
	line-height:46px;
	font-size:13px;
	white-space: nowrap;
	overflow: hidden;
}
.nav ul li:hover,
.nav ul li a:hover{
	background-color:rgb(238, 238, 238);}
.all span{
	position:absolute;
	top:10px;
	left:20px;
}
.center{
	position: absolute;
	left: 216px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-left: 1px solid #CCC;
}
.middle{
	height: 100%;
	background: #FAFAFA;
	position: absolute;
	width: 250px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	border-right:1px #CCCCCC solid;
}
#search{
	position:relative;
	width:250px;
	height:55px;
}
#list{
	position:absolute;
	top:70px;
	right:20px;
	width:33px;
	z-index:11;
}
#list ul{
	width:33px;
}
#list ul li{
	position:relative;
	width:28px;
	height:38px;
}
#list ul li a{
	height: 38px;
	text-decoration:none;
	display:block;
	color: #18A0CA;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	background:url(images/white-tras.png) no-repeat;
	outline:none;
}
#list ul li a:hover{
	background:url(images/black-tras.png) no-repeat;
}
#name{
	position:absolute;
	right:0px;
	width:100%;
	z-index:10;
}
.zm{
	position:relative;}
.zimu{
	position:absolute;
	right:30px;
	width:17px;
	height:24px;
	line-height:24px;}
#name_t{
	color:#F00;}
#name_b{
	color:#309;}
.namelist{
	position:relative;
	height:124px;
	width:160px;
	padding-top:24px;
	}
.namelist li{
	position:relative;
	width:150px;
	height:41px;
	border-bottom:1px #CCCCCC solid;}
.namelist li a{
	display:block;
	background-color:#f7f7f7;
	color:#000;
	text-align:left;
	padding-left: 25px;
	line-height:41px;}
.namelist li a:hover{
	background-color:#ececec;}
.namelist li span{
	width:41px;
	height:41px;
	background:url(images/tx.png) no-repeat;
	position:absolute;
	right:0px;
	top:0px;}
	
.jianjie{
	position:absolute;
	top:31px;
	left:103px;
	width:372px;
	height:187px;
}
.jianjie p{
	height:34px;
}
#xm{
	line-height:34px;
	font-size:33px;
	margin-right:50px;
}
#zhiwu{
	color:#999;
	font-size:16px;
}
#gs{
	margin-top:20px;
	font-size:16px;
}
.jianjie ul{
	margin-top:40px;
	width:160px;
	height:29px;
	border:1px #CCCCCC solid;
}
.jianjie ul li{
	width:40px;
	float:left;
}
.pic{
	position:absolute;
	top:24px;
	left:475px;
	width:165px;
	height:178px;
	background-color:#006;
}
.address{
	position:absolute;
	bottom:23px;
	left:103px;
	width:500px;
	height:275px;
}
.lb{
	width:100px;
	font-weight:bold;
	display:block;
	text-align:left;
}
.inp{
	width:235px;
	height:35px;
	font-size:14px;
}
.tt{
	width:490px;
	height:120px;
	font-size:14px;
}
.splitter-bar-vertical{
	position: relative;
    width: 8px;
    height: 100%;
    cursor: col-resize;
    cursor: ew-resize;
    background-color: #F7F7F7;
    background-image:url('images/vertical.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.splitter-bar-scroll{
	width: 180px;
	height: 100%;
    position: absolute;
    top:0px;
    left: 208px;
}
#splitter-bar{
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.splitter-bar-scroll-on{
	z-index:99;
	border-left:1px #99C2FF dashed; 
	border-right:1px #99C2FF dashed;
} 
.splitter-bar-scroll-on .splitter-bar-vertical{
    filter:alpha(opacity=50);
	opacity: 0.5;
}
.splitter-bar-scroll-on #splitter-bar{
    display:block;
    filter:alpha(opacity=100);
	opacity: 1;
}
.splitter-bar-scroll-on .splitter-bar-bgd{
    background:#cacaca;
    position:absolute;
    top:0px;
    left:0px;
    width:180px;
    height:100%;
    filter:alpha(opacity=30);
    opacity:0.3;
}
.splitter-overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index:10;
    display:none;
}
#my_group{
    overflow-y: auto;
    overflow-x: hidden;
}
#share{
    overflow-y: auto;
    display: none;
}
#workmate{
    border-bottom: 1px solid #ccc;
}
#work{
    overflow-y: auto;
    display:none;
}
#my_group_show,
#share_show,
#work_show{
    padding-left: 50px;
    background: #E0E0E2;
}